﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8" />
	<title>佐助青少年编程教育</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <link href="./templets/Content/bootstrap.min.css" rel="stylesheet" />
    
    <link href="./templets/Content/index.min.css" rel="stylesheet" />
    <!--[if lt IE 9]>
    <script src="./templets/Scripts/html5shiv.min.js"></script>
    <![endif]-->
    <script src="./templets/Scripts/jquery.min.js"></script>
    <script src="./templets/Scripts/index.min.js"></script>
</head>

<body>
    <header>
        <div class="logo">
            <img src="./templets/Picture/logo.png" alt="佐助青少年编程教育" class="img-responsive"/>
        </div>
        <strong class="words">专注青少年编程教育</strong>
        <nav class="menu">
            <ul class="list-inline">
                <li class="active"><a>首页</a></li>
                <li><a>课程</a></li>
                <li><a>时间</a></li>
                <li><a>科技</a></li>
                <li><a>班级</a></li>
                <li><a>关于</a></li>
                <li><a>联系</a></li>
				<li><a>工具</a></li>
				<li><a href="http://www.zuozhujiaoyu.com:7802/" target="_self">题库</a></li>
			</ul>
        </nav>
        <div class="hotline">
            <a href="tel:133-5038-5750" title="课程报名电话"><span>133-5038-5750</span></a><u></u>
        </div>
        <div class="menu-icon">
            <a href="tel:133-5038-5750" title="课程报名电话"><span class="glyphicon glyphicon-earphone"></span></a>
            <span class="glyphicon glyphicon-th-large"></span>
        </div>
    </header>
    <div class="welcome"><p><u>Loading . . .</u></p></div>
    <section class="video">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide nth1">
                    <div class="box">
                        <div class="left"></div>
                        <div class="right">
                            <span>年专注，编程教育</span><i></i>
                            <p>始于 2009 - 现在 展望未来<br />专注于青少年编程教育</p>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide nth2">
                    <div class="box">
                        <span>教育控，也醉了</span><i></i>
                        <p>不是非要高大上，只是醉心于教育<br />我们想，再教一个好学生</p>
                    </div>
                </div>
                <div class="swiper-slide nth3">
                    <div class="box">
                        <div class="top">编程派，论教育</div>
                        <div class="mid"></div>
                        <div class="bottom">我说，编程界没有最好的技术，只有最棒的教育者<br />定制教程，只为更好的未来</div>
                    </div>
                </div>
                <div class="swiper-slide nth4">
                    <div class="box">
                        <div class="top"><span>先学为主，布局未来</span><i></i></div>
                        <div class="bottom">全面把握<u>现在</u>与<u>未来</u>发展<br />抢占头等教育<br />基于<u>青少年</u>全面式课程</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="innerBox">
            <div class="news">
                <ul>
                </ul>
            </div>
            <div class="guide"></div>
            <a class="movedown"></a>
        </div>
    </section>
    <section class="business">
        <div class="box">
            <div class="caption">
                <i></i><span>我们能做什么</span>
                <br class="clear" />
            </div>
            <ul class="items list-inline">
                <li class="pc">
                    <i></i><strong>创意设计编程班</strong>
                    <p>小学阶段高端定制编程教育<br />彰显编程魅力</p>
                </li>
                <li class="mobi">
                    <i></i><strong>程序设计初高级班</strong>
                    <p>高校大学老师系统课程<br />专业教育</p>
                </li>
                <li class="sys">
                    <i></i><strong>数据结构算法班</strong>
                    <p>编程核心体验<br />探索未知</p>
                </li>
                <li class="app">
                    <i></i><strong>NOIP竞赛班</strong>
                    <p>冲刺全国青少年信息学奥林匹克竞赛<br />全力争胜</p>
                </li>
                <li class="host">
                    <i></i><strong>大学衔接班 </strong>
                    <p>为大学做好准备<br />帮你提早迈入大学殿堂</p>
                </li>
            </ul>
        </div>
    </section>

    <section class="cases">
        <div class="box">
            <div class="caption">
                <i></i><span>开课时间</span>
                <br class="clear" />
            </div>
            <div class="swiper-container items">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a>
                            <img src="./templets/Picture/winter_vacation_class.jpg" alt="寒假强化班" />
                            <p>佐助青少年编程教育<br /><strong>寒假强化班</strong><br />充实寒假</p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a>
                            <img src="./templets/Picture/summer_vacation_class.jpg" alt="暑假黄埔班" />
                            <p>佐助青少年编程教育<br /><strong>暑假黄埔班</strong><br />让知识闻到夏天的味道</p></a>
                    </div>
                    <div class="swiper-slide">
                        <a>
                            <img src="./templets/Picture/weekend_class.jpg" alt="欢乐周末班" />
                            <p>佐助青少年编程教育<br /><strong>欢乐周末班</strong><br />周末其实可以这样过</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="quality">
        <div class="box">
            <div class="caption">
                <i></i><span>科技改变生活</span>
                <br class="clear" />
            </div>
            <div class="swiper-container items">
                <div class="swiper-wrapper">
                    <div class="swiper-slide nth1">
                        <ul class="list-inline">
                            <li class="mobi"><span>佐助青少年编程教育</span></li><li class="pad"><span>佐助青少年编程教育</span></li><li class="pc"><span>佐助青少年编程教育</span></li>
                        </ul>
                        <p>手机  平板   电脑<br />都充满了软件和程序<br />生活已经离不开他们<br /></p>
                    </div>
                    <div class="swiper-slide nth2">
                        <ul class="list-inline">
                            <li class="ie"><span>佐助青少年编程教育</span></li><li class="chrome"><span>佐助青少年编程教育</span></li><li class="firefox"><span>佐助青少年编程教育</span></li><li class="safari"><span>佐助青少年编程教育</span></li>
                        </ul>
                        <p>现在已经步入网络时代<br />学什么才是最适合时代的<br />来佐助青少年编程教育</p>
                    </div>
                    <div class="swiper-slide nth3">
                        <ul class="list-inline">
                            <li class="windows"><span>佐助青少年编程教育</span></li><li class="ios"><span>佐助青少年编程教育</span></li><li class="andriod"><span>佐助青少年编程教育</span></li>
                        </ul>
                        <p>即将步入人工智能时代<br />学什么可以把握未来<br />来佐助青少年编程教育<br /></p>
                    </div>
                </div>
            </div>
            <a  class="lookall" target="_blank">佐助青少年编程教育</a>
        </div>
    </section>

    <section class="marketing">
        <div class="box">
            <div class="caption">
                <i></i><span>编程是真正让你有能力改变这个世界的一门技术</span>
                <br class="clear" />
            </div>
            <ul class="items list-inline">
                <li class="se">
                    <i></i><strong>锻炼逻辑</strong>
                    <p><br /></p>
                </li>
                <li class="weixin">
                    <i></i><strong>戒游戏瘾</strong>
                    <p><br /></p>
                </li>
                <li class="weibo">
                    <i></i><strong>掌握技能</strong>
                    <p><br /></p>
                </li>
                <li class="sms">
                    <i></i><strong>提升思维</strong>
                    <p><br /></p>
                </li>
                <li class="pay">
                    <i></i><strong>出国留学</strong>
                    <p><br /></p>
                </li>
                <li class="bbs">
                    <i></i><strong>创新创造</strong>
                    <p><br /></p>
                </li>
            </ul>
        </div>
    </section>
    
    <section class="aboutus">
    	<ul class="menu"><li>思想</li><li>编程</li><li>名人</li></ul>
        <div class="swiper-container items">
            <div class="swiper-wrapper">
              <div class="swiper-slide nth1">
                <strong>厚积薄发</strong>
                <p>登上峰顶，不是为了饱览风光，是为了寻找更高的山峰<br />日出东方，告别了昨天的荣耀，将光芒照向更远的地方<br />一路上，我们更在意如何积累和沉淀</p>
                <u>下一秒，让你看，自己到底有多强</u>
              </div>
              <div class="swiper-slide nth2">
              	<strong>青少年编程</strong>
                <p>二十一世纪，社会的飞速进步要求现在的青少年必须掌握三种语言：母语，外语，计算机语言。学会与计算机打交道是现代各行各业必备的基本技能。而青少年时代是学习计算机的最好时机。</p>
                <p>实践证明：从小学习计算机程序设计知识与方法可以在智力上特别是科学创新能力与逻辑思维能力有明显的提高。</p>
              </div>
              <div class="swiper-slide nth3">
              	<strong>把握现在，放眼未来</strong>
                <ul>
                  <li>奥巴马<u>-</u>美国总统奥巴马发起“编程一小时”运动</li>
                  <li>马斯克<u>-</u>特斯拉、SpaceX火箭创始人青少年开始学习编程</li>
				  <li>乔布斯 <u>-</u>苹果创始人青少年开始学习编程</li>
                  <li>哈萨比斯<u>-</u>Google人工智能AlphaGo创始人青少年开始学习编程</li>                  
                  <li>扎克伯格<u>-</u>Facebook创办人青少年开始学习编程</li>
                </ul>
              </div>
            </div>
        </div>
        <table class="exp">
        	<tr>
              <td><u></u></td>
              <td><u></u></td>
              <td><u></u></td>
              <td><u></u></td>
              <td><u></u></td>
            </tr>
        </table>
    </section>
    
    <section class="contact">
    	<div class="box">
        	<div class="above">
            	<div class="wechat"><img src="./templets/Picture/wechat_code.jpg" alt="扫描关注微信公众账号" /></div>
                <div class="left">
                	<a></a>
                    <p>中国<u>·</u>重庆<u></u><br />联系电话：133-5038-5750<u></u><br/>Email：zuofengming@foxmail.com<br/></p>
					<p>中国<u>·</u>北京<u></u><br />联系电话：177-4450-0721<u></u><br/><br /><a href="/a/job/" target="_blank" class="job"></a></p>
                </div>
                <div class="right">
                	<br /><u>/</u><br /><u></u><br /><br />
                </div>
            </div>
        </div>
    </section>
	<section class="contact">
    	<div class="box">
        	<div class="above">
                <div class="left">
                    <p><a href="tools/ahac_v2.0.exe">啊哈C编程工具下载</a></p>
					<p><a href="tools/Dev-Cpp5.4.2Setup.exe">DevCpp编程工具下载</a></p>
					<p><a href="tools/jingshandazhitong.exe">指法练习(金山打字通)下载</a></p>
                </div>
                <div class="right">
                </div>
            </div>
        </div>
    </section>
	<section>
	</section>
    <div class="dock">
        <ul class="icons">
        	<li class="up"><i></i></li>
            <li class="im">
            	<i></i><p><br /><a href="http://wpa.qq.com/msgrd?v=3&uin=732579141&site=qq&menu=yes" target="_blank">在线咨询</a></p>
            </li>
            <li class="tel">
            	<i></i><p>电话：<br/>133-5038-5750<br/><br/></p>
            </li>
            <li class="wechat">
            	<i></i><p><img src="./templets/Picture/wechat_code.jpg" alt="扫描关注微信公众账号" /></p>
            </li>
            <li class="down"><i></i></li>
        </ul>
        <a class="switch"></a>
    </div>
    
    <script>
		/*
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "//hm.baidu.com/hm.js?a821a161aa4214f5ff5b8ca372960ebb";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
		*/
    </script>
</body>
</html>
